{% extends 'test.html' %}

{% block head %}
<script src="{{url_for('static', filename='js/echarts.js')}}"></script>
<script src="{{url_for('static', filename='js/echarts.min.js')}}"></script>
{% endblock %}





{% block body %}
    <div class="mod_default_box">
        <div id="main" style="height:400px;"></div>
    </div>


    <div class="mod_default_box">
    <div class="mod_default_hd"><h4>系统公告</h4></div>
    <div class="mod_default_bd grid_line with_2">
    <div class="grid_item index_news_area">
        <div class="index_news_area_inner">

            <div class="index_news_item">
                <a href="/wxopen/announce?action=getannouncement&amp;announce_id=1524127799&amp;version=2&amp;lang=zh_CN" target="_blank">小程序与小游戏获取用户信息接口调整</a>
                <span class="index_news_date">2018-04-19</span>
            </div>

            <div class="index_news_item">
                <a href="/wxopen/announce?action=getannouncement&amp;announce_id=1517900297&amp;version=4&amp;lang=zh_CN" target="_blank">微信公众平台公告：持续清理违规小程序</a>
                <span class="index_news_date">2018-02-06</span>
            </div>

            <div class="index_news_item">
                <a href="/wxopen/announce?action=getannouncement&amp;announce_id=1508137127&amp;version=1&amp;lang=zh_CN" target="_blank">微信公众平台关于规范运营行为的公告</a>
                <span class="index_news_date">2017-10-13</span>
            </div>


            <a class="index_news_readmore" href="/wxopen/announce?action=getannouncementlist&amp;lang=zh_CN" target="_blank">查看更多</a>

        </div>
    </div>
    <div class="grid_item index_news_area no_extra">
        <div class="index_news_area_inner">


        </div>
    </div>
</div>
</div>

<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
        title: {
        text: '实时访问次数'
        },
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
{% endblock %}
